<html>
    <head>
        <title>Pediatr&iacute;a</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link href="text.css" rel="stylesheet" type="text/css">
        <link type="text/css" href="css/menu.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/menu.js"></script>
        <style type="text/css">
            * { margin:0;
                padding:0;
            }
            h1 {color:navy; font-family: monospace;background-position: center}
            h3 {color:navy; font-family: monospace;background-position: center}
            label{color:darkblue; font-family:monospace; font-style:inherit;background-position: left;}
            div#copyright {
                margin:0 auto;
                width:80%;
                font:11px 'Trebuchet MS';
                color:#124a6f;
                text-indent:20px;
                padding:40px 0 0 0;
            }
            div#copyright a { color:#4682b4; }
            div#copyright a:hover { color:#124a6f; }
        </style>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >

        <table width="100%" height="100%" border="0" style="vertical-align: top" align="center" cellpadding="0" cellspacing="0">
            <tr><!- encabezado ->
                <td height="112"  background="images/top01bg.gif" align="center">
                    <table width="600" border="0" cellpadding="0" cellspacing="0" class="text">
                        <tr>
                            <td width="110"><img src="images/logo.gif" width="110" height="112"></td>
                            <td width="180"><img src="images/Empresa.png" width="248" height="112"></td>
                            <td width="347" align="left" valign="top" background="images/top01.gif"><br>
                                <table width="250" border="0" cellpadding="0" cellspacing="0" class="text">
                                    <tr align="right">
                                        <td width="112"><a href="#"><img src="images/icon01.gif" width="68" height="17"></a></td>
                                        <td width="84"><a href="#"><img src="images/icon02.gif" width="90" height="17"></a></td>
                                        <td width="64" ><a href="#"><img src="images/icon03.gif" width="68" height="17"></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </table></td>

            </tr><!-  FIN encabezado ->
            <tr><!-  INICIO MENU ->
                <td>
                    <div id="menu">
                        <ul class="menu">
                            <li><a href="#" class="parent"><span>Home</span></a>
                                <div><ul>
                                        <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                                            <div><ul>
                                                    <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                                        <div><ul>
                                                                <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                                                <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                                            </ul></div>
                                                    </li>
                                                    <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.3</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.4</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.5</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.6</span></a></li>
                                                    <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                                        <div><ul>
                                                                <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                                                <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                                            </ul></div>
                                                    </li>
                                                </ul></div>
                                        </li>
                                        <li><a href="#"><span>Sub Item 2</span></a></li>
                                        <li><a href="#"><span>Sub Item 3</span></a></li>
                                    </ul></div>
                            </li>
                            <li><a href="#" class="parent"><span>Product Info</span></a>
                                <div><ul>
                                        <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                                            <div><ul>
                                                    <li><a href="#"><span>Sub Item 1.1</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                                </ul></div>
                                        </li>
                                        <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                                            <div><ul>
                                                    <li><a href="#"><span>Sub Item 2.1</span></a></li>
                                                    <li><a href="#"><span>Sub Item 2.2</span></a></li>
                                                </ul></div>
                                        </li>
                                        <li><a href="#"><span>Sub Item 3</span></a></li>
                                        <li><a href="#"><span>Sub Item 4</span></a></li>
                                        <li><a href="#"><span>Sub Item 5</span></a></li>
                                        <li><a href="#"><span>Sub Item 6</span></a></li>
                                        <li><a href="#"><span>Sub Item 7</span></a></li>
                                    </ul></div>
                            </li>
                            <li><a href="#"><span>Help</span></a></li>
                            <li class="last"><a href="#"><span>Contacts</span></a></li>
                        </ul>
                    </div>

                </td>

            </tr><!-  FIN MENU ->
            <tr>
                <td align="center" valign="top">
                    <table style="min-width: 600px" height="100%" border="0" cellpadding="0" cellspacing="0" class="text" align="center">
                        <tr>
                            <td width="539" align="left" valign="top">
                                <table width="650" border="0" height="100%" cellpadding="0" cellspacing="0" class="text">
                                    <tr>
                                        <td height="9" valign="top" background="images/grey_bar.gif"></td>
                                    </tr>
                                    <tr>
                                        <td align="center" valign="top" bgcolor="F8FFE9" height="100%">
                                            <!- INicio de contenido->
                                            <div style="padding: 30px" >
                                                <h1 align="left">Citas</h1>
                                                <h3 align="left">Acontinuaci&oacute;n se presentan el detalle de citas</h3>
                                                <hr><br/>
                                                <table border="0" align="left">
                                                    <tr><td><label>Doctor:</label></td><td><select id="cboDoctor" ><option>--Seleccione un doctor--</opction></select></td></tr>
                                                    <tr><td><label>Hora:</label></td><td><select id="cboHora" ><option>--Seleccione la hora--</opction></select></td></tr>
                                                    <tr><td></td><td></td></tr>
                                                </table>

                                            </div>

                                        </td><!- FIN de contenido->
                                    </tr>
                                </table></td>
                            <td align="left" valign="top">
                                <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="text" >
                                    <tr>
                                        <td height="9" valign="top" background="images/grey_bar.gif"></td>
                                    </tr>
                                    <tr>
                                        <td height="148" valign="top"></td>
                                    </tr>

                                </table>

                            </td>
                        </tr>
                    </table></td>
            </tr>
            <tr>
                <td height="78" background="images/bottombg.gif" align="center"><table  border="0" cellpadding="0" cellspacing="0" class="text" align="center">
                        <tr>
                            <td align="center"><a href="#"><strong><font color="#FFFFFF">Inicio</font></a>|
                                <a href="#"><font color="#FFFFFF">Citas</font></a>|
                                <a href="#"><font color="#FFFFFF"> Consultas </font></a>|
                                <a href="#"><font color="#FFFFFF">Expedientes</font> </a>|
                                <a href="#"><font color="#FFFFFF">Pacientes </font></a>|
                                <a href="#"><font color="#FFFFFF">Personal</font></a><br><br>
                                <strong><font color="345181">&copy; Ing. del software III-2011
                                    </font></strong></td>
                        </tr>
                    </table></td>

            </tr>

        </table>
        <div id="copyright" style="display: none">Copyright &copy; 2011 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>

    </body>
</html>
